<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<title>注册</title>
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
	<link rel="shortcut icon" href="./img/icon.jpg"/>
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/basic.css">
	<link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/register.css">
	<script src="js/jquery.min.js"></script>
	<script src="js/vue.js"></script>
	<script src="js/register.js"></script>
</head>
<body>

<!-- 导航栏 -->
	<div id="nav">
		<div class="container">
			<div class="row">
				<div class="col-md-2 hidden-xs"  style="margin-left: -8.8px;">
					<img src="./img/logo.png" alt="">
				</div>
				<div class="col-md-4">
					<div class="input">
						<span class="glyphicon glyphicon-search"></span>
						<input type="text" class="form-control" placeholder="请输入关键字">
					</div>
				</div>
				<div class="col-md-5 hidden-md hidden-xs">
					<ul class="list">
						<li class="active"><a href="index.html"> 首页</a></li>
						<li><a href="##"> 家居</a></li>
						<li><a href="##">摄影</a></li>
						<li><a href="##">时尚</a></li>
						<li><a href="##">美食</a></li>
						<li><a href="classification.html">游戏</a></li>
					</ul>
				</div>
				<div class="col-md-1 hidden-md hidden-xs">
					<ul class="in_out">
						<li><a href="login.html"> 登录</a></li> |
						<li><a href="register.html"> 注册</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>

	<div class="clearfix"></div>
    
    <!-- 注册框 -->
    <div class="container">
        <div class="row center">
            <div class="col-md-3 col-xs-1"></div>
            <div class="register col-md-6 col-xs-10">
                <div class="row">
                    <div class="col-md-7 col-xs-12 register_main">
                        <div class="row">
                            <div class="col-md-6">
                                <a id="phoneRegister" href="##"><img src="./img/iphone.png" width="20px" alt="">手机注册</a>
                            </div>
                            <div id="mailRegister" class="col-md-6">
                                <a href="##"><img src="./img/mail.png" width="20px" alt="">邮箱注册</a>
                            </div>
                        </div>
                        <input id="zhanghao" type="text" class="form-control input" placeholder="请输入手机号码">
                        <input type="text" class="form-control input" placeholder="请输入昵称">
                        <input type="password" class="form-control input" placeholder="请输入密码">
                        <div class="row">
                            <div class="col-md-8">
                                <input type="text" class="form-control code" placeholder="验证码">
                            </div>
                            <div class="col-md-4">
                                <img class="code_img" src="img/captcha.png" alt="">
                            </div>
                        </div>
                        <div id="phone" class="row">
                            <div class="col-md-8">
                                <input type="text" class="form-control code" placeholder="情输入短信验证码">
                            </div>
                            <div class="col-md-4">
                                <button type="button" class="btn btn-primary btn-block code_btn">获取验证码</button>
                            </div>
                        </div>
                        <button type="button" class="btn btn-primary btn-lg btn-block">注册</button>
                    </div>
                    <div class="col-md-5 col-xs-12 ">
                        <div class="login">
							<h4>已经注册过？</h4>
							<a href="login.html">直接登录 →</a>							
						</div>
						<div class="other_login">
							<h4>使用以下账号直接登录</h4>
							<a href="##"><img class="other_img" src="./img/wx.png" width="40px" ></a>
							<a href="##"><img class="other_img" src="./img/qier.png" width="40px" ></a>
							<a href="##"><img class="other_img" src="./img/wb.png" width="40px" ></a>
						</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>